*{
    margin:0;
    padding:0;
    list-style: none;
    box-sizing: border-box;
}

ul {
    width:800px;
    margin: auto;
}

ul li{
    width:200px;
    float: left;
    height:140px;
    border:1px solid #ccc;
    position: relative;
}

ul li img{
    width:100px;
    height:100px;
    border-radius: 50%;
    margin: auto;
    display: block;
}

ul li p {
    text-align: center;
}

ul li b{
    position: absolute;
    right:6px;
    top:6px;
    display: none;
}

ul li:hover b{
    display: block;
}
.mask{
    width:100%;
    height:100%;
    position: fixed;
    left:0;
    top:0;
    background: rgba(255,255,255,.5);
}

.content{
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    background: #999;
    padding:20px;
}